<script setup lang="ts">
import VScaleScreen from 'v-scale-screen'
import bgUrl from '@/assets/img/index/bg.png'
</script>

<template>
  <v-scale-screen
    width="1920"
    height="1080"
    bodyOverflowHidden
    fullScreen
    :boxStyle="{
      backgroundColor: 'black',
      transition: 'initial'
    }"
    :wrapperStyle="{
      backgroundImage: `url(${bgUrl})`,
      backgroundSize: `100% 100%`,
      backgroundColor: 'none',
      transition: 'initial'
    }"
  >
    <slot></slot>
  </v-scale-screen>
</template>

<style scoped></style>
